import { DirectiveBinding, VNode } from 'vue';

const vAuth = {
  mounted(el: Element, binding: DirectiveBinding<any>, vnode: VNode) {
    // // 获取当前用户权限
    // const userPermission = vnode.context.$store.state.user.permission
    // // 获取指令的值
    // const requiredPermission = binding.value
    // // 判断用户权限是否包含指令的值
    // if (!userPermission.includes(requiredPermission)) {
    //   // 如果不包含，则移除元素
    //   el.parentNode && el.parentNode.removeChild(el)
    // }

    if (vnode.props) {
      const hasPermission = true;
      !hasPermission && (el.className += ' hidden');
    }
  }
};

export { vAuth };
